@charset "UTF-8";

/*css reset*/
* {margin:0;padding:0; border:0; word-break:break-all; font-family:"微软雅黑",'Microsoft YaHei',helvetica, arial, verdana, sans-serif; font-size: 12px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0 none;}
address,caption, cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li {list-style-type:none;}
li{display:block;}
capation,th{text-align:left;}
abbr,acronym{border:0;} 
select,input,img{}
a {text-decoration: none; font-weight:normal; cursor:pointer;}
b{ font-weight:bold; display:inline;}
input{height:auto; outline:none; vertical-align:bottom;+vertical-align:middle !important; _vertical-align:middle; line-height:normal}
textarea {resize: none;} 
textarea:focus {outline: none;} 
i, em, cite { font-style: normal; }
body { overflow: inherit !important;background-color:#e9ebed;}
html {
    font-size: 100%; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
}
audio{width: 0px;opacity: 0;display: none;position: absolute;}
img{width:100%;}
.header{position: absolute;width: 100%;top: 0px;z-index: 50;}
.footer{position: absolute;width: 100%;bottom: 0px;z-index: 50;opacity:0;}
.clear,.clearit{clear: both;margin: 0;padding: 0;}
.clearFix {display: block;}
.clearFix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.alc{text-align:center;}
.all{text-align:left;}
.alr{text-align:right;}
.vm{vertical-align:middle;}
.zoom{zoom:1}
.ct,.center{ margin:0px auto;}
.media .bd { vertical-align: baseline; display: table-cell; width: 10000px; *width: auto; *zoom: 1; }
.media .bd > :first-child { margin-top: 0; }
.media .bd > :last-child { margin-bottom: 0; }
.media .img { float: left; }
.media .img img { display: block; }
.media .bd img { display: block; }
.media .imgext { float: right;}
.media .imgext img { display: block; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: "\20"; display: table; }
.clearfix:after { clear: both; }

	.fluidHeight {
		height: 0;
		padding: 0 0 33.333% 0;
	}


.sliderContainer {
    width: 100%;
    height: 100%;
}

.main_kv {
	width: 100%;
	height: 100%;
}

.main_kv .slider {
	width: 100%;
	height: 100%;
}

.main_kv .slider .item {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	background-color: #d1d1d1;
    z-index: 5;
}

.main_kv .slider .item img {
	position: relative;
	top: 0;
	left: 0;
	max-width: 100%;
	width: 100%;
	margin: 0 auto;

}

.indicators {
	position: relative;
	top: 10px;
	left: 0;
	width: 800px;
	height: 10px;
	margin: 0 auto;
	z-index: 10;
}

.indicators .item {
	float: left;
	width: 8px;
	height: 8px;
	margin: 0 5px 0 0;
	border: 1px solid #000;
}

.indicators .selected {
	background: #666;
}

#turnBox{ width:100%; height:100%; background:#131313; position:fixed; left:0; top:0; z-index:99999; display:none; opacity:1.0;}
#turnBox span img{ position:absolute; display:block; left:50%; top:50%; margin-left:-100px; margin-top:-69px; width:200px; height:138px;}




.rulepg{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 15;
    display: none;
}
.rule_img{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 15;
}








#page_main{
    overflow: hidden;
    position: relative;
    background-color: #fff;
}
.indexpg{
    position: relative;
}
.index_bg{
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
}
.toptitle{
    position: absolute;
    z-index: 5;
    opacity: 0;
    left: 0px;
    top: 0px;
}
.go_rule{
    position: absolute;
    right: 0px;
    top: 6%;
    width: 7.34375%;
    z-index: 15;
}
.go_win{
    position: absolute;
    right: 0px;
    top: 17.87%;
    width: 7.34375%;
    z-index: 15;
}
.alltitle{
    position: absolute;
    z-index: 5;
    left: 0px;
    top: 0px;
}
.alltitle_t{
}
.active .toptitle{
    opacity: 1;
    animation:fdin 0.8s;
    -moz-animation:fdin 0.8s; /* Firefox */
    -webkit-animation:fdin 0.8s; /* Safari and Chrome */
}
.toptitle2{
    position: absolute;
    z-index: 5;
    opacity: 0;
    left: 0px;
    top: 0px;
}
.active .toptitle2{
    opacity: 1;
    animation:fdin 1.5s;
    -moz-animation:fdin 1.5s; /* Firefox */
    -webkit-animation:fdin 1.5s; /* Safari and Chrome */
}
.index_but_text{
    position: absolute;
    z-index: 5;
    opacity: 0;
    left: 0px;
    bottom: 13%;
}
.active .index_but_text{
    opacity: 1;
    animation:fdin 2s;
    -moz-animation:fdin 2s; /* Firefox */
    -webkit-animation:fdin 2s; /* Safari and Chrome */
}
.but_bt{
    position: absolute;
    z-index: 5;
    opacity: 0;
    left: 0px;
    bottom: 5%;
}
.active .but_bt{
    opacity: 1;
    animation:fdin 2.5s;
    -moz-animation:fdin 2.5s; /* Firefox */
    -webkit-animation:fdin 2.5s; /* Safari and Chrome */
}
.se_her_type{
    position: relative;
    display: none;
}
.se_her_type_bg{
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
}
.se_her_type_n1{
    position: absolute;
    top: 12%;
    left: 36%;
    width: 34%;
    height: 36%;
    display: block;
    z-index: 5;
}
.se_her_type_n2{
    position: absolute;
    top: 37.5%;
    left: 11.7%;
    width: 25%;
    height: 47.5%;
    display: block;
    z-index: 5;
}
.se_her_type_n3{
    position: absolute;
    top: 49.75%;
    left: 50%;
    width: 46.8%;
    height: 39.64%;
    display: block;
    z-index: 5;
}

.se_my_type{
    position: relative;
    display: none;
}
.se_my_type_bg{
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
}
.se_my_type_ya_left{
    position: absolute;
    z-index: 1;
    left: 3%;
    top: 39%;
    width: 14.21%;
    animation:prevanme 2s infinite;
    -moz-animation:prevanme 2s infinite; /* Firefox */
    -webkit-animation:prevanme 2s infinite; /* Safari and Chrome */
}
.se_my_type_ya_right{
    position: absolute;
    z-index: 1;
    right: 3%;
    top: 39%;
    width: 14.21%;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);
    animation:nextanme 2s infinite;
    -moz-animation:nextanme 2s infinite; /* Firefox */
    -webkit-animation:nextanme 2s infinite; /* Safari and Chrome */
}

.pear_an{
    position: relative;
    display: none;
}
.pear_an_info{display: none;}

.win1{
    position: relative;
    display: none;
}
.jp1,.jp2,.jp3{display: none;}
.all_bg{
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
}
.over_hd{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5;
    width: 100%;
    height: 100%;
}
.over_hd2{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5;
    width: 100%;
    height: 100%;
}
.win2_area{
    position: relative;
    display: none;
}
.win2_ac_area{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 15;
}
.win2_win,.win2_lost{
    display: none;
}
.jp1,.jp2,.jp3{display: none;}
.form_area{width: 80%;margin: 0 auto;display: block;}
.form_area .input_ha{height: 54px;margin-bottom: 10px;}
.form_area .input_ha .f_text{font-size: 1.4em;color: #000;height: 100%;line-height: 40px;float: left;width: 36%;}
.form_area .input_ha .f_text img{width:100%;}
.form_area .input_ha .pt_input{height: 100%;width: 60%;float: left;border: 1px solid #ddf0ff;border-radius:15px;-moz-box-shadow:3px 5px 5px #999 inset;
    -webkit-box-shadow:3px 5px 5px #999 inset;
    box-shadow:3px 5px 5px #999 inset;}
.pt_input input{font-size: 2em;color: #000;width: 100%;height: 100%;line-height: 50px;background: none;padding: 0 5%;}
.win1_sub_but{width: 100%;margin: 3% 0;}
.win1_share{width: 100%;margin: 5% 0;}
.win1_share_nol{display: none;}

.jp2_ps{position: absolute;left:0px;bottom:5%;z-index: 10;width: 100%;}
.share_hinto{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 15;
    display: none;
}
.hinto_img{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 15;
}
.up_da{
    position: relative;
    display: none;
}
.pic_area{
    width: 244px;margin: 10% auto 0;border: 1px solid #ddf0ff;border-radius:15px;height: 325px;background-color: #fff;overflow: hidden;
}
.pic_area img{

}
.up_img_but_area{
    margin: 5% auto;
    width: 100%;
    height: 55px;
    position: relative;
}
.up_img_but_area input{
    position: absolute;
    width: 100%;
    height: 100%;
}
.up_da_submit{padding-top: 5%;}
.up_da_submit_nol{padding-top: 5%;display: none;}
@keyframes fdin
{
    0%   {opacity: 0;}
    50%   {opacity: 0;}
    100%   {opacity: 1;}
}
@-moz-keyframes fdin /* Firefox */
{
    0%   {opacity: 0;}
    50%   {opacity: 0;}
    100%   {opacity: 1;}
}

@-webkit-keyframes fdin /* Safari and Chrome */
{
    0%   {opacity: 0;}
    50%   {opacity: 0;}
    100%   {opacity: 1;}
}

@keyframes nextanme
{
    0%   {right: 0px;}
    50%   {right: 2%;}
    100%   {right: 0px;}
}
@-moz-keyframes nextanme /* Firefox */
{
    0%   {right: 0px;}
    50%   {right: 2%;}
    100%   {right: 0px;}
}

@-webkit-keyframes nextanme /* Safari and Chrome */
{
    0%   {right: 0px;}
    50%   {right: 2%;}
    100%   {right: 0px;}
}
@keyframes prevanme
{
    0%   {left: 0px;}
    50%   {left: 2%;}
    100%   {left: 0px;}
}
@-moz-keyframes prevanme /* Firefox */
{
    0%   {left: 0px;}
    50%   {left: 2%;}
    100%   {left: 0px;}
}

@-webkit-keyframes prevanme /* Safari and Chrome */
{
    0%   {left: 0px;}
    50%   {left: 2%;}
    100%   {left: 0px;}
}